﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DesignFrontEnd.aspx.vb"
    Inherits="FrontEnd_MasterPage_DesignFrontEnd" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!--Start Css-->
    <link href="../styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../styles/style.css" rel="stylesheet" type="text/css" />
    <!-- End Css-->
    <!--Start js-->
    <script type="text/javascript" src='<%=ResolveUrl("~/js/jquery-1.7.1.min.js")%>'></script>
    <script type="text/javascript" src='<%=ResolveUrl("~/js/bootstrap.min.js")%>'></script>
    <script type="text/javascript" src='<%=ResolveUrl("~/js/jsCarousel-2.0.0.js")%>'></script>
    <!--slide bottom-->
    <!-- End js-->
</head>
<body>
    <form id="form1" runat="server">
    <div id="header">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 ">
                    <div class="padding-fix">
                        <div class="language-top pull-right">
                            <span>Nội Bộ</span>
                            <a href="#" class="pull-right">
                                <img src="../images/en.png" />
                            </a>
                            <a href="#" class="pull-right">
                                <img src="../images/viet.png" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-3">
                    <div class="logo pull-left">
                        <a href="#">
                            <img src="../images/logo.png" class="img-responsive" />
                        </a>
                    </div>
                </div>
                <div class="col-xs-9">
                    <div class="banner-header pull-left">
                        <img src="../images/banner-top.png" class="img-responsive" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 ">
                    <div class="search-top pull-right">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="padding-fix">
                        <div class="nav-fix-navbar">
                            <nav class="navbar navbar-inverse" role="navigation">
                            <div class="container">
                                <!-- Brand and toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    </button>
                                    <a class="navbar-brand" href="#">
                                        <img src="../images/icon-link-home.png" />
                                    </a>
                                </div>
                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
                                    <ul class="nav navbar-nav">
                                    <li><a href="#">Giới thiệu</a></li>
                                    <li><a href="#">Dịch vụ công</a></li>
                                    <li><a href="#">Hỗ trợ</a></li>
                                    <li><a href="#">Tin tức</a></li>
                                    <li><a href="#">Văn bản pháp luật</a></li>
                                    <li><a href="#">Liên hệ</a></li>
                                    </ul>
                                </div>
                                <!-- /.navbar-collapse -->
                            </div>
                            <!-- /.container-fluid -->
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End .menu-header-->
    </div>
    <!--End #header-->
    <div id="wrapper">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="padding-fix">
                        <div class="main-top">
                            <!--Start js - slide-->
                            <script type="text/javascript">
                                $(function () {
                                    $(".item").first().addClass("active");
                                });
                                $('.carousel').carousel()
                            </script>
                            <!--End js - Slide-->
                            <div class="wrapper-slide pull-left">
                                <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
                                    <%--<ol class="carousel-indicators">
                                    <li data-target="#carousel-example-captions" data-slide-to="0" class=""></li>
                                    <li data-target="#carousel-example-captions" data-slide-to="1" class=""></li>
                                    <li data-target="#carousel-example-captions" data-slide-to="2" class="active"></li>
                                </ol>--%>
                                    <div class="carousel-inner">
                                        <div class="item">
                                            <a href="#">
                                                <img src="../images/banner-slider-01.png" /></a>
                                            <div class="carousel-caption">
                                                <p>
                                                    Đơn giản hóa thủ tục đăng ký doanh nghiệp</p>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <a href="#">
                                                <img src="../images/banner-slider-02.png" /></a>
                                            <div class="carousel-caption">
                                                <p>
                                                    Đơn giản hóa thủ tục đăng ký doanh nghiệp</p>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <a href="#">
                                                <img src="../images/banner-slider-03.png" /></a>
                                            <div class="carousel-caption">
                                                <p>
                                                    Đơn giản hóa thủ tục đăng ký doanh nghiệp</p>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="left carousel-control" href="#carousel-example-captions" role="button"
                                        data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                                    <a class="right carousel-control" href="#carousel-example-captions" role="button"
                                        data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                                </div>
                            </div>
                            <div class="wrapper-bar pull-left">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="bachground-bar-01 text-uppercase" style="padding: 36px 0px 36px 85px;">
                                            <a href="#">Dịch vụ trực tuyến</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 margin-bar-11">
                                        <div class="bachground-bar-02 text-uppercase" style="padding: 36px 0px 36px 85px;">
                                            <a href="#">Bổ xung, chuẩn hóa liệu</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="bachground-bar-03 text-uppercase" style="padding: 36px 0px 36px 85px;">
                                            <a href="#">Tra cứu tên doanh nghệp</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height: 10px;">
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="padding-fix">
                        <div class="main-bottom">
                            <div class="wrapper-slide-bottom pull-left table-responsive">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <script type="text/javascript">
                                            $(document).ready(function () {
                                                $('#carouselhAuto').jsCarousel({ onthumbnailclick: function (src) { alert(src); },
                                                    autoscroll: true,
                                                    masked: true,
                                                    itemstodisplay: 4,
                                                    orientation: 'h'
                                                });
                                            });
                                        </script>
                                        <div id="carouselhAuto">
                                            <h4 class="text-uppercase" style="margin: 10px;">
                                                <span>Tin tức & sự kiện</span></h4>
                                            <div>
                                                <img alt="" src="../images/img-01.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-02.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-03.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-04.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-05.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-06.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-07.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                            <div>
                                                <img alt="" src="../images/img-08.png" class="img-responsive" /><br />
                                                <span class="thumbnail-text">Image Text</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrapper-bar-bottom pull-left">
                                <div class="background-bar-bottom">
                                <div class="title-bar-bottom">Truy cập nhanh</div>
                                    <div class="info-bar-bottom">
                                        <select class="dropdowlist-bar">
                                            <option value="1">Số 01</option>
                                            <option value="2">Số 02</option>
                                            <option value="3">Số 03</option>
                                            <option value="4">Số 04</option>
                                        </select>
                                    </div>
                                    <div style="height:10px;"></div>
                                    <div class="background-truycap">
                                        <a href="#">Truy cập</a>
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height: 10px;">
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="padding-fix">
                        <div class="row">
                            <div class="col-xs-12 col-md-6">
                                <div class="wrapper-content-left">
                                    <div class="background-content-01 text-uppercase">
                                        <a href="#">Dịch vụ thông tin</a>
                                    </div>
                                    <div style="height: 5px">
                                    </div>
                                    <div class="background-content-02 text-uppercase">
                                        <a href="#">Đăng ký qua mạng</a>
                                    </div>
                                    <div style="height: 5px">
                                    </div>
                                    <div class="background-content-03 text-uppercase">
                                        <a href="#">Báo cáo điện tử</a>
                                    </div>
                                    <div style="height: 5px">
                                    </div>
                                    <div class="background-content-04 text-uppercase">
                                        <a href="#">Ngành nghề kinh doanh có điều kiện</a>
                                    </div>
                                    <div style="height: 5px">
                                    </div>
                                    <div class="background-content-05 text-uppercase">
                                        <a href="#">Bổ xung chuẩn hóa dữ liệu</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-6">
                                <div class="wrapper-content-right">
                                    <div class="bar-top">
                                        <img src="../images/bar-top.png" class="img-responsive" />
                                    </div>
                                    <div class="bar-info">
                                        <div class="list-group">
                                            <a href="#" class="list-group-item text-uppercase">
                                                <img src="../images/icon6.png" />Trạng thái hồ sơ</a>
                                            <a href="#" class="list-group-item text-uppercase">
                                                <img src="../images/icon6.png" />Thông tin về một doanh nghiệp</a>
                                            <a href="#" class="list-group-item text-uppercase">
                                                <img src="../images/icon6.png" />Vai trò của cá nhân</a>
                                            <a href="#" class="list-group-item text-uppercase">
                                                <img src="../images/icon6.png" />Yêu cầu sản phẩm tùy chỉnh</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="height: 30px">
    </div>
    <!--End #wrapper-->
    <div id="footer">
        <div class="menu-footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="nav-fix-bar-footer table-responsive">
                            <ul class="nav nav-tabs nav-justified text-uppercase" role="tablist">
                                <li>
                                    <a href="#">Đăng nhập nội bộ</a></li>
                                <li>
                                    <a href="#">Tin tức</a></li>
                                <li>
                                    <a href="#">Điều khoản sử dụng</a></li>
                                <li>
                                    <a href="#">Quy định bảo mật</a></li>
                                <li>
                                    <a href="#">Sơ đồ trang web</a></li>
                                <li>
                                    <a href="#">Liên hệ</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-info">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="wrapper-footer-info">
                            <div style="height: 10px;">
                            </div>
                            <p>
                                Cơ quan chủ quản: Sở kế hoạch và đầu tư tinh An Giang</p>
                            <p>
                                Địa chỉ :03 Lê Triệu Khiết,Phường Mỹ Bình,TP long Xuyên,An Giang<br />
                                Điện thoại :076.3852913 - Số Fax:076.3853380<br />
                                Email:sokhdt@angiang.gov.vn Ghi rõ nguồn thông tin điện tử sở kế hoạch đầu tư tỉnh
                                An Giang(sokhdt@angiang.gov.vn)khi trích đẫn lại tin từ địa chỉ này</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End .footer-info-->
    </div>
    <!--End #footer-->
    </form>
</body>
</html>
